.app {
  width: 100%;
  height: 100%;
  background-color: pink;

  /* 父元素开启flex布局。子元素就会主轴方向排列 */
  display: flex;
}

.main {
  /* flex-grow: 1; flex-shrink: 1; flex-basic: 0%; */
  /* flex: 1; */
  flex-grow: 1;
  height: 100%;
}

.main-container {
  display: flex;
  /* calc() 在内部使用不同单位样式进行换算 */
  height: calc(100% - 80px);
}
